<template>
  <!-- 删除任务 -->
  <a-modal centered width="416px" :open="show" :title="title" :mask-closable="false" :ok-text="okText" @ok="emits('ok')" @cancel="cancel">
    <div class="tips">
      <span class="icon"><i class="iconfont icon-error-warning-fill"></i></span>
      {{ msg }}
    </div>
  </a-modal>
</template>

<script lang="ts" setup>
  export interface Props {
    show?: boolean
    title?: string
    msg?: string
    label?: string
    confirmName?: string
    okText?: string
    textareaWordCount?: number
  }

  withDefaults(defineProps<Props>(), {
    show: false,
    title: '确认删除',
    msg: '此认证申请将被驳回，请确认操作！',
    label: '请填写驳回原因*',
    okText: '确定消息并推送',
    confirmName: '',
    textareaWordCount: 200
  })

  const emits = defineEmits(['ok', 'update:show'])

  const cancel = () => {
    console.log('cancel')

    emits('update:show', false)
  }
</script>

<style lang="less" scoped>
  // 删除弹窗
  .tips {
    display: flex;
    margin-bottom: 30px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.75);
    line-height: 24px;

    .icon {
      margin-right: 10px;
      font-size: 24px;
      color: #f59700;

      i {
        font-size: 24px;
      }
    }
  }

  .delConfirmation {
    margin-bottom: 7px;
    font-size: 14px;
    line-height: 22px;
    color: rgba(25, 25, 48, 0.45);

    .modelName {
      color: rgba(0, 0, 0, 0.75);
    }
  }

  :deep(.ant-modal-footer) {
    padding-top: 44px;
  }
</style>
